
        <style type="text/css">
        .container{
            padding: 0 !important;
            width: 100%;
            height: 50px;
            background: gray;
        }
        .container-btn{
            float: left;
            width: 50%;
            height: 100%;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            color: white;
        }
        .container-btn-checked{
            background: rgb(208, 205, 205);
        }
        .media{
            border:1px solid gray;
        }
        .media-left-text{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid gray;
            background-image:url(img/raodaqi.jpg);
            background-size: 100% 100%;
            text-align: center;
            line-height: 50px;
            margin: 5px 0 0 5px;
            font-weight: bolder;
        }
        .reward-job{
            font-weight: bolder;
            margin: 15px 0 0 5px;
            float: left;
        }
        .reward-money{
            font-weight: bolder;
            margin: 15px 20px 0 0;
            float: right;
            color: red;
        }
        .reward-money-big{
            display: inline-block;
            font-size: 25px;
        }
        .reward-money-small{
            display: inline-block;
            font-size: 10px;
        }
        .recommend-spread,.recommend-apply{
            display: inline-block;
            background-color: gray;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .job{
            background-color: gray;
            border-bottom: 2px solid black;
        }
        .job-title{
            padding: 5px 0 0 5px;
        }
        .job-describe-btn div{
            display: inline-block;
            background-color: white;
            margin:5px 10px 5px 0; 
        }
        .job-list{
            margin: 5px 0 5px 5px
        }
        .empty{
            height: 100px;
            background-color: gray;
        }
        </style>

        <div class="media">
            <div class="media-left">
                <div class="media-left-text"></div>
                <div>raodaqi</div>
            </div>
            <div class="media-body">
                <div class="reward-job">财务总监</div>

                <div class="reward-money">
                    <div class="reward-money-small">赏金</div>
                    <div class="reward-money-big">¥60000</div>
                </div>

                <div class="recommend">
                    <div class="recommend-spread">扩散:20</div>
                    <div class="recommend-apply">申请:10</div>
                </div>

                <div>
                    <span class="glyphicon glyphicon-time" aria-hidden="true">一天前</span>
                    <span class="glyphicon glyphicon-map-marker" aria-hidden="true">成都</span>
                    <span >成都脑门科技有限公司</span>
                </div>
            </div>
        </div>
        <div class="recommend-content">
            <div class="job">
                <div class="job-title">职位描述</div>
                <div class="job-describe-btn job-list">
                    <div>财务总管</div>
                    <div>EMBA</div>
                    <div>直接汇报CEO</div>
                    <div>理财系统培训</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">职位要求</div>
                <div class="job-list">
                    <div>经验:3-5年</div>
                    <div>学历:硕士</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">招募人数</div>
                <div class="job-list">
                    <div>1人</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">年薪</div>
                <div class="job-list">
                    <div>15W-30W</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">诱人福利</div>
                <div class="job-describe-btn job-list">
                    <div>美女多</div>
                    <div>零食管饱</div>
                    <div>带薪年假好多天</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">企业介绍</div>
                <div class="job-list">
                    <div>百度，全球最大的中文搜索引擎、最大的中文网站。2000年1月创立于北京中关村。</div>
                </div>
            </div>
            <div class="empty"></div>
        </div>

        <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn spread-btn">我要扩散</div>
                <div class="container-btn container-btn-checked commend-btn">我要推荐</div>
            </div>
        </nav>

        <script type="text/javascript">
        $(".commend-btn").on("click",function(){
            window.location.href = "recommend";
        })
    </script>